
  /* 商品分类列表和banner */
  
  .category {
    position: relative;
    width: 200px;
    height: 420px;
}
.lunbo_p{
	left: 240px;
	top: 340px;
	width: 425px;
	height: 40px;
	font-size: 16px;
	color: white;
	background-color: rgba(215, 111, 236, 0.5);
	text-align: center;
	z-index: 10;
}
.lunbo_p1{
	left: 240px;
	top: 340px;
	width: 425px;
	height: 40px;
	font-size: 16px;
	color: white;
	background-color: rgba(215, 111, 236, 0.5);
	text-align: center;
	z-index: 10;
}
.controls{
	z-index: 15;
}

/* 列表样式 li */

.category .category-item {
    height: 30px;
    line-height: 28px;
    padding-left: 20px;
    border: 1px solid transparent;
    border-right: 0;
    box-sizing: border-box;
    background-color: #f3f3f3;
}

.category .category-item:hover {
    border-color: #f60;
    background-color: #fff;
}

/* 鼠标移入li 控制a标签的样式 */

.category .category-item:hover .category-link {
    color: #f60;
}

/* 子菜单 */

.category .category-item .menu {
    /* 默认隐藏 */
    display: none;
    position: absolute;
    top: 0;
    left: 200px;
    width: 780px;
    height: 420px;
    border: 1px solid #f60;
    background-color: #fff;
    z-index:101 ;
    padding: 0 36px;
    box-sizing: border-box;
}

.menu h1{
    color: #ff6600;
}
.menu h1::after{
    content: '';
    display: block;
    width: 472px;
    height: 2px;
    background-color: #e6e6e6;
     
}
.menu a{
    font-family: MicrosoftYaHei;
    line-height: 20px;
    font-size: 12px;
    color: #262626;
}
/* 鼠标移入li 显示对应的子菜单 */

.category .category-item:hover .menu {
    display: block;
}

/* 鼠标移入li 处理p标签，压住子菜单 */
.category .category-item:hover .link-wrap {
    position: relative;
    width: 180px;
    background: #fff;
    z-index: 105;
}

/* banner区域 */
.banner {
    width: 1000px;
    height: 420px;
  
}

/* 图书 电子书 */
.b_left{
    width: 900px;
    height: 440px;
}
.b_right{
    width: 285px;
    height: 440px;
}

/* 今日推荐 */
.recommend .con{
    height: 495px;
}
.recommend .con .con-wrap{
    width: 1188px;
    height: 495px;
    border-right: 1px solid red;
    margin: 0 auto;
}
.recommend .con .con-wrap .con-item{
    width: 198px;
    height: 248px;
    border-left: 1px solid #f00;
    border-bottom: 1px solid #f00;
    box-sizing: border-box;
}
.ci_img{
    width: 150px;
    height: 150px;
    margin: 10px 23px;
}
.ci_p1{
    color: #333333;
}
.ci_p2{
    color: #f4290d;
}
.ci_p3{
    font-size: 24px;
    color: #f4290d;
}




/* 服装区域的内容部分 */

/* 上面内容部分 */

.content .con-item .top-con {
  height: 500px;
  
}

/* 左边 */

.content .con-item .top-con .con-left {
  width: 238px;
  height: 500px;
}

.con-left p{
  width: 238px;
  height: 37px;
  background-color: #f9f9f9;
}
.con-left p a{
  display: inline-block;
  width: 79px;
  text-align: center;
  line-height: 37px;
  color: #333333;
}
/* 中间 */

.content .con-item .top-con .con-center {
  width: 428px;
  height: 500px;
  background-color: #f2f2f2;
}

/* 右边 */

.content .con-item .top-con .con-right {
  width: 534px;
  height: 500px;
  /* border-right: 1px solid #f00; */
  /* box-sizing: border-box; */
}

.con-right  .height340 {
  height: 340px;
}
.con-right .height160 {
  height:160px;
}
.content .con-item .top-con .right-list {
  width: 178px;
  border-left: 2px solid #f2f2f2;
  border-bottom: 2px solid #f2f2f2;
  box-sizing: border-box;
}
.content .con-item .top-con  .right-list:nth-child(3),
.content .con-item .top-con  .right-list:nth-child(6) {

  border-right: 2px solid #f2f2f2;

}

.content .con-item .top-con .right-list img {
  width: 100%;
  height: 100%;
}

/* 下面底部链接 */

.content .con-item .btm-con {
  height: 68px;
}


/* 服装 */

.content {
    height: 568px;
}

.content .con-item {
    height: 568px;
    display: none;
}

.content .con-item.current {
    display: block;
}

/* 服装的轮播区域 */
.content  .slider{
    width: 428px;
    height: 338px;
}

.btm-con img{
    width: 146px;
}

/* 家具日用 */
.household{
    height: 510px;
}
.cl_left{
    border: 1px solid #cccccc;
    box-sizing: border-box;
    width: 487px;
    height: 502px;
}

.cl_right{
   width: 710px;
   height: 502px;
}
.cl_right li{
    width: 177px;
    border: 2px solid #cccccc;
    box-sizing: border-box;
}
.clr_li{
    height: 342px;
}
.clr_li1{
    height: 162px;
}
/* 好物推荐 */
.g_btn1{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: coral;
}
.g_btn2{
    width: 10px;
    height: 10px;
    border-radius: 10px;
}
.goods .con2{
    display: none;
}
.goods .con1{
    height: 495px;
}
.goods .con1 .con1-wrap{
    width: 1188px;
    height: 495px;
    border-right: 1px solid red;
    margin: 0 auto;
}
.goods .con1 .con1-wrap .con1-item{
    width: 237px;
    height: 248px;
    border-left: 1px solid #f00;
    border-bottom: 1px solid #f00;
    box-sizing: border-box;
}
.g_p{
    display: inline-block;
    color: #747474;
}
.g_span{
    color: #e30c02;
}
.g_img{
    width: 24px;
    height: 17px;
    background-color: #cccccc;
}
/* 图书 电子书 */
.ebook{
    margin-top: 20px;
}

.ebook .ebook-left {
    width: 904px;
    height: 481px;
    border: 2px solid #f2f2f2;
}

.ebook .ebook-left .content {
    height: 441px;
    border: 2px solid #f2f2f2;
}

.ebook .content .con-item .top-con {
    height: 441px;
}

.ebook .con-item .top-con .con-left {
    height: 441px;
}

.ebook .con-item .top-con .con-center {
    width: 330px;
    height: 441px;
    background-color: #f2f2f2;
}

.ebook .content .con-item .top-con .con-right {
    width: 330px;
    height: 441px;
}

.ebook .content .con-item .top-con .right-list {
    width: 165px;
    height: 220px;
}
/*排行榜  */
.ebook-rank{
    width:280px ;
    height: 478px;
    border: 4px solid #f2f2f2;
}
.ebook-rank .rank-ul{
    padding-left: 24px;
}
.ebook-rank .rank-ul li:nth-child(1){
    margin-top: 10px;
}
/* 
   激活状态：
      1  标题隐藏
      2  显示装图片的盒子 
      3  可以使用类名 .active
*/
.ebook-rank .rank-item {
    position: relative;
    border-bottom: 2px solid #f2f2f2;
}
.ebook-rank .rank-item .book-title {
    line-height: 38px; 
}
/* 1  标题隐藏 */
.ebook-rank .rank-item.active  .book-title {
   display: none;
}
/* 2  显示装图片的盒子  */
.ebook-rank .rank-item.active  .book-box {
    display: block;
 }
.ebook-rank .rank-item  .order-num{
    position: absolute;
    left: -17px;
    top: 11px;
}
.ebook-rank .title{
    height: 38px;
    line-height: 38px;
    color: #808080;
    margin-bottom:4px ;
    
}

.ebook-rank .rank-item .book-box{
    display: none;
}

.title{
    display: inline-block;
    font-size: 24px;
    font-weight: bolder;
}
section{
    margin: 20px;
}